@media all and (max-width: 799px) {
	.left{
		top:0px;
		padding-bottom:10px;
		background-color: #394048;
		position: static;
		padding-bottom: 10px;
		box-shadow: 0px 0px 5px;
		background-color: #394048;
		width: auto;
	}
	.mid{
		display:block;
		max-width: 860px;
		margin:10px 10px;
	}	
	.userbar{
		background: #394048;
		padding:5px;
		border-bottom: 1px solid #222; 
		border-top: 1px solid #222;
		border-left: 1px solid #222;
		box-shadow:0px 1px 1px; 
		margin-left: 0px;
	}
	.userbar a{
		color: #ccc;
		padding:5px 15px; 
	}
	.userbar a:hover{
		color:#fff;
		background-color: #282b32;
		box-shadow:inset 0 0 5px #222;
	}
	.right{
	 	
	}
	
	.login {
		background: #eee;
		position: fixed;
		z-index: 501;
		border-radius: 5px;
		top: 20%;
		left: 0;
		width:100%;
		min-width:275px;
	}
	.login form {
		border: 1px solid #aaa;
		padding: 10px 20px;
		margin: 20px 20px;
		background: #fff;
	}
	.login table{
		display: block;
		width:200px;
		margin:0 auto;
	}
}